<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<!--导航栏-->
<nav class="nav">
    <ul>
        <li>
            <a href="javascript:;" class="bookshop nava">
                <p>书城</p>
            </a>
        </li>
        <li><a href="javascript:;" class="bookcase nava">
            <p>书架</p>

        </a></li>
        <li><a href="javascript:;" class="search nava">
            <p>搜索</p>

        </a></li>
        <li><a href="javascript:;" class="personnal nava">
            <p>个人中心</p>
        </a></li>
    </ul>
</nav>
</body>
<script>
    var navas=$(".nava");
    navas.click(function(){
        navas.css("color","#6E6E6E");
        $(this).css("color","#FB7299");
    })
</script>
</html>